<%@Page Language="VB" debug="True"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>

<script language="JScript">
<!--
function ShowHTMLContent() {
  var strURL = 'http://<% = Request.ServerVariables("SERVER_NAME") %><% = Request.Path %>?<% = Request.QueryString %>';
  var strDisplay = new String;
  var objHTTP = new ActiveXObject("microsoft.XMLHTTP")
  objHTTP.open('GET', strURL, false);
  objHTTP.send();
  var strReply = objHTTP.responseText;
  var intStart = strReply.indexOf('<!' + '--start-->') + 12;
  var intEnd = strReply.indexOf('<!' + '--end-->');
  if ((intStart > 0) && (intEnd > intStart))
    var strDisplay = strReply.substring(intStart, intEnd);
  document.all['outHTML'].innerText = strDisplay + ' ';
}
function SetCheck(strCheckboxName) {
  document.all[strCheckboxName].checked = true;
}
//-->
</script>

<!-- #include file="style.inc" -->
</head>
<body bgcolor="#ffffff" onload="ShowHTMLContent()">
<!--------------------------------------------------------------------------->
<span class="heading">HtmlInputImage Control</span> &nbsp; &nbsp; &nbsp;

<!--start-->
<input type="image" id="MyControl" src="BookmarkButton.gif" runat="server" />
<!--end-->

<p /><div id="outError" runat="server" /><p />
<font face="Courier New" size="2"><div style="background-color:gainsboro; padding-left:10px" id="outHTML">Fetching HTML content...</div></font>

<form runat="server" method="get">
<table border="0">
<tr>
<td nowrap="nowrap"><input type="checkbox" id="chkAlign" runat="server" /> Set: &nbsp; </td><td align="right" nowrap="nowrap">Align =</td><td nowrap="nowrap"><select id="selAlign" size="1" runat="server" onchange="SetCheck('chkAlign')">
<option></option><option>AbsBottom</option><option>AbsMiddle</option><option>Baseline</option><option>Bottom</option><option>Left</option>
<option>Middle</option><option>Right</option><option>TextTop</option><option>Top</option></select></td>
<td nowrap="nowrap">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp;</td>
<td nowrap="nowrap"><input type="checkbox" id="chkAlt" runat="server" /> Set: &nbsp; </td><td align="right" nowrap="nowrap">Alt =</td><td nowrap="nowrap"><input type="text" size="15" id="txtAlt" runat="server" onkeypress="SetCheck('chkAlt')" /></td>
</tr><tr>
<td nowrap="nowrap"><input type="checkbox" id="chkBorder" runat="server" /> Set: &nbsp; </td><td align="right" nowrap="nowrap">Border =</td><td nowrap="nowrap"><input type="text" size="3" id="txtBorder" runat="server" onkeypress="SetCheck('chkBorder')" />px</td><td></td>
<td nowrap="nowrap"><input type="checkbox" id="chkDisabled" runat="server" /> Set: &nbsp; </td><td align="right" nowrap="nowrap">Disabled =</td><td nowrap="nowrap"><select id="selDisabled" size="1" runat="server" onchange="SetCheck('chkDisabled')"><option>True</option><option>False</option></select></td>
</tr><tr>
<td nowrap="nowrap"></td><td align="right" nowrap="nowrap">ID =</td><td nowrap="nowrap"><% = MyControl.ID %></td><td></td>
<td nowrap="nowrap"><input type="checkbox" id="chkName" runat="server" /> Set: &nbsp; </td><td align="right" nowrap="nowrap">Name =</td><td nowrap="nowrap"><input type="text" size="15" id="txtName" runat="server" onkeypress="SetCheck('chkName')" /></td>

</tr><tr>
<td nowrap="nowrap"><input type="checkbox" id="chkSrc" runat="server" /> Set: &nbsp; </td><td align="right" nowrap="nowrap">Src =</td><td nowrap="nowrap"><select id="selSrc" size="1" runat="server" onchange="SetCheck('chkSrc')">
<option>BookmarkButton.gif</option><option>BrickButton.gif</option><option>ClickmeButton.gif</option><option>PlayButton.gif</option><option>PauseButton.gif</option><option>RecordButton.gif</option><option>SpeckledButton.gif</option><option>StopButton.gif</option></select></td><td></td>
<td nowrap="nowrap"></td><td align="right" nowrap="nowrap">TagName =</td><td nowrap="nowrap"><% = MyControl.TagName %></td>
</tr><tr>
<td nowrap="nowrap"></td><td align="right" nowrap="nowrap">Type =</td><td nowrap="nowrap"><% = MyControl.Type %></td><td></td>
<td nowrap="nowrap"><input type="checkbox" id="chkValue" runat="server" /> Set: &nbsp; </td><td align="right" nowrap="nowrap">Value =</td><td nowrap="nowrap"><input type="text" size="15" id="txtValue" runat="server" onkeypress="SetCheck('chkValue')" /></td>
</tr><tr>
<td nowrap="nowrap"><input type="checkbox" id="chkVisible" runat="server" /> Set: &nbsp; </td><td align="right" nowrap="nowrap">Visible =</td><td nowrap="nowrap"><select id="selVisible" size="1" runat="server" onchange="SetCheck('chkVisible')"><option>True</option><option>False</option></select></td><td></td>
<td nowrap="nowrap"><input type="button" Value="Reset" onclick="javascript:location.href='http://<% = Request.ServerVariables("SERVER_NAME") %><% = Request.Path %>'"></td><td nowrap="nowrap"></td><td nowrap="nowrap"><input type="submit" Value="Update" runat="server" /></td>
</tr>
</table>
</form>

<script language="VB" runat="server">
Sub Page_Load()

outError.innerHTML = ""

Try

   If IsPostBack() Then

      If chkAlign.Checked Then MyControl.Align = selAlign.Value
      If chkAlt.Checked Then MyControl.Alt = txtAlt.Value
      If chkBorder.Checked Then MyControl.Border = txtBorder.Value
      If chkDisabled.Checked Then MyControl.Disabled = selDisabled.Value
      If chkName.Checked Then MyControl.Name = txtName.Value
      If chkSrc.Checked Then MyControl.Src = selSrc.Value
      If chkValue.Checked Then MyControl.Value = txtValue.Value
      If chkVisible.Checked Then MyControl.Visible = selVisible.Value

   End If

   selAlign.Value = MyControl.Align
   txtAlt.Value = MyControl.Alt
   txtBorder.Value = MyControl.Border
   selDisabled.Value = MyControl.Disabled
   txtName.Value = MyControl.Name
   selSrc.Value = MyControl.Src
   txtValue.Value = MyControl.Value
   selVisible.Value = MyControl.Visible

Catch objError As Exception

   outError.innerHTML = "<b>* Error</b>: " & objError.Message & "<p />"

End Try

End Sub

</script>

<!--------------------------------------------------------------------------->
<!-- #include file="foot.inc" -->
</body>
</html>
